* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
}

html,
body,
.wrap {
    width: 10rem;
    height: 100%;
}

.bg {
    width: 10rem;
    height: 6.407407rem;
    background-image: url("../images/1_02.png");
    background-size: 100% 100%;
}

.main {
    width: 10rem;
    height: 100%;
    background: url("../images/1_02_down_02.png")
}

.i_text {
    width: 9.101852rem;
    margin: 0 auto;
    position: relative;
}

.i_text input {
    width: 9.092593rem;
    height: 1.37037rem;
    border: none;
    outline: none;
    border-radius: .185185rem;
    margin-bottom: .296296rem;
    padding-left: .398148rem;
}

.i_text input::-webkit-input-placeholder {
    color: #b0b0b0;
    font-size: .388889rem;
    line-height: 1.37037rem;
}

.yanzheng {
    position: absolute;
    right: .231481rem;
    top: 2.092593rem;
    width: 1.944444rem;
    height: .611111rem;
    line-height: .611111rem;
}

.huoqu {
    position: absolute;
    right: .37037rem;
    top: 3.851852rem;
    height: 0.66rem;
    font-size: 0.42rem;
    text-align: center;
    line-height: 0.66rem;
    color: #f87807;
}

.huoqu.on {
    background-color: #eee;
    color: #ccc;
    cursor: not-allowed;
}

.liji {
    width: 9.092593rem;
    height: 1.37037rem;
    border-radius: .185185rem;
    background-image: -webkit-linear-gradient(top, #ffe800, #ffcd02, #ffb703);
    margin: .296296rem auto;
    font-size: .444444rem;
    text-align: center;
    line-height: 1.37037rem;
    color: #ff4200;
}

.main p {
    width: 9.092593rem;
    padding-left: .509259rem;
    font-size: .333333rem;
    color: #ffddcf;
    margin: 0 auto;
}